<script setup>

import router from "../../router/index.js";

function handleLogin() {
  router.push({path: '/'})
}
</script>

<template>
  <div style="display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100%; height: 100%">
    <div>
      <img src="../../assets/vue.svg" alt="Vue logo" style="width: 100px" />
    </div>
    <el-form label-width="auto" style="width: 300px;">
      <el-form-item label="Username">
        <el-input/>
      </el-form-item>
      <el-form-item label="Password">
        <el-input/>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" style="width: 100%" @click="handleLogin">Login</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<style scoped>

</style>